//点击导航
var dataId = ['0']
$('.admin_nav_list').on('click', 'dd', function () {
    var link = $(this).find('a').attr('link-href');
    var thisVal = $(this).find('a').text();
    var thisParentVal = $(this).parents('li').children('a').text();
    var thisId = $(this).find('a').attr('nav-id');
    $('#iframeArea').attr('src', link);
    $('#breadcrumb').empty();
    $(this).parents('ul').siblings().find('dd').removeClass('layui-this');
    var $navList = '<a href="">首页</a><span lay-separator>/</span><a href="javascript:;">' + thisParentVal + '</a><span lay-separator>/</span>' +
        '<a><cite>' + thisVal + '</cite></a>';
    $('#breadcrumb').append($navList);
    $('#prevNav').text(thisParentVal);
    $('#nowNav').text(thisVal);
    var isHove = dataId.indexOf(thisId);
    if (isHove < 0) {
        $('#LAY_app_tabsheader').find('li').removeClass('layui-this');
        var $span = '<li lay-attr="' + link + '" class="layui-this"  link-id="' + thisId + '" lay_parent="'+thisParentVal+'">' +
            '<span>' + thisVal + '</span>' +
            '<i class="layui-icon layui-unselect layui-tab-close">ဆ</i>' +
            '</li>';
        $('#LAY_app_tabsheader').append($span);
        dataId.push(thisId);
    } else {
        var link = $('#LAY_app_tabsheader').find('li[link-id=' + thisId + ']').attr('lay-attr');
        $('#iframeArea').attr('src', link);
        $('#LAY_app_tabsheader').find('li[link-id=' + thisId + ']').addClass('layui-this').siblings().removeClass('layui-this')
    }
    navMoveList()
});

$('.admin_nav_list').on('click','li',function () {
     var len = $(this).find('dd').length;
     if(len == 0 ){
         var link = $(this).find('a').attr('link-href');
         var thisVal = $(this).find('a').text();
         $('#breadcrumb').empty();
         var $navList = '<a href="">首页</a><span lay-separator>/</span>' +
             '<a><cite>' + thisVal + '</cite></a>';
         $('#breadcrumb').append($navList);
         $('#nowNav').text(thisVal);
         var thisId = $(this).attr('nav-id');
         $('#iframeArea').attr('src', link);
         var isHove = dataId.indexOf(thisId);
         console.log(isHove)
         if (isHove < 0) {
             $('#LAY_app_tabsheader').find('li').removeClass('layui-this');
             var $span = '<li lay-attr="' + link + '" class="layui-this"  link-id="' + thisId + '" lay_parent="">' +
                 '<span>' + thisVal + '</span>' +
                 '<i class="layui-icon layui-unselect layui-tab-close">ဆ</i>' +
                 '</li>';
             $('#LAY_app_tabsheader').append($span);
             dataId.push(thisId);
         } else {
             var link = $('#LAY_app_tabsheader').find('li[link-id=' + thisId + ']').attr('lay-attr');
             $('#iframeArea').attr('src', link);
             $('#LAY_app_tabsheader').find('li[link-id=' + thisId + ']').addClass('layui-this').siblings().removeClass('layui-this')
         }
         navMoveList()
     }
});

//点击面包屑
$('#LAY_app_tabsheader').on('click', 'li span', function () {
    var link = $(this).parent('li').attr('lay-attr');
    var pName = $(this).parent('li').attr('lay_parent');
    var Name = $(this).parent('li').find('span').text();
    var id = $(this).parent('li').attr('link-id');
    $('#breadcrumb').empty();

    if(pName!=""&& pName != undefined){
        var $navList = '<a href="">首页</a><span lay-separator>/</span><a href="javascript:;">' + pName + '</a><span lay-separator>/</span>' +
            '<a><cite>' + Name + '</cite></a>';
        $('.admin_nav_list').find('a[nav-id="'+id+'"]').parents('li').addClass('layui-nav-itemed');
        $('.admin_nav_list').find('a[nav-id="'+id+'"]').parents('li').siblings().removeClass('layui-nav-itemed');
        $('.admin_nav_list').find('dd').removeClass('layui-this');
        $('.admin_nav_list').find('a[nav-id="'+id+'"]').parent('dd').addClass('layui-this');
    }else {
        if(id!=0){
        var $navList = '<a href="">首页</a><span lay-separator>/</span>' +
            '<a><cite>' + Name + '</cite></a>';
        $('.admin_nav_list').find('li[nav-id="'+id+'"]').addClass('layui-this');
        $('.admin_nav_list').find('li[nav-id="'+id+'"]').siblings().removeClass('layui-this');
        $('.admin_nav_list').find('li[nav-id="'+id+'"]').siblings().find('dd').removeClass('layui-this');
    }else {
            var $navList = '<a href="">首页</a>';
        }
    }
    $('#breadcrumb').append($navList);

    $('#iframeArea').attr('src', link);

});

//关闭面包屑
$('#LAY_app_tabsheader').on('click', 'li .layui-tab-close', function () {
    var index = $(this).parents('li').index();
    var id = $(this).parents('li').prev('li').attr('link-id');
    var itemLen =Number($('#LAY_app_tabsheader').find('li').length)-1;
    var link = '';
    if (index == 0) {
        link = $(this).parents('li').next('li').attr('lay-attr');
    } else {
        if(index == itemLen){
            $('#LAY_app_tabsheader').find('li').removeClass('layui-this');
            link = $(this).parents('li').prev('li').attr('lay-attr');
            $(this).parents('li').prev('li').addClass('layui-this');
            $('.admin_nav_list').find('dd').removeClass('layui-this');
            $('.admin_nav_list').find('a[nav-id="'+id+'"]').parent('dd').addClass('layui-this');
            $('#iframeArea').attr('src', link);
        }else {
            link =  $('#LAY_app_tabsheader').find('.layui-this').attr('lay-attr');
        }
    }
    if (dataId.length > 0) {
        dataId.splice(index, 1);
    }
    $(this).parents('li').remove()
});

$('#tabWrap').on('click', '.layui-nav-child dd', function () {
    var status = $(this).find('a').attr('data-status');
    switch (status) {
        case '1':
            var index = $('#LAY_app_tabsheader').find('.layui-this').index();
            dataId.splice(index, 1);
            if (index > 0) {
                $('#LAY_app_tabsheader').find('.layui-this').remove();
                var link = $('#LAY_app_tabsheader').find('li').eq(index - 1).addClass('layui-this').attr('lay-attr');
                $('#iframeArea').attr('src', link);
            }
            break;
        case '2':
            $('#LAY_app_tabsheader').find('li').each(function (i) {
                if (i > 0) {
                    if (!$(this).hasClass('layui-this')) {
                        $(this).remove();
                    }
                }
            });
            var linkThis = $('#LAY_app_tabsheader').find('li.layui-this').attr('lay-attr');
            var linkId = $('#LAY_app_tabsheader').find('li.layui-this').attr('link-id');
            $('#iframeArea').attr('src', linkThis);
            dataId = ['0', linkId];
            break;
        case '3':
            dataId = ['0'];
            $('#LAY_app_tabsheader').find('li').each(function (i) {
                if (i > 0) {
                    $(this).remove();
                }
            });
            var linkThisQ = $('#LAY_app_tabsheader').find('li').eq(0).addClass('layui-this').attr('lay-attr');
            $('#iframeArea').attr('src', linkThisQ);
            break;
        default:

            break;

    }
});

var isNav = true;
$('#app_flexible').on('click', function () {
    if (isNav) {
        $('#navOne').hide();
        $('#navTwo').show();

        $('.admin_cont_left').animate({
            width: 70
        }, 300);
        $('#LAY_app_tabs').animate({
            left: 70
        }, 100)
        $('.loginInfo').animate({
            width: 70
        }, 300, function () {
            $('.loginInfo').find('.bgImg').hide();
            $('.loginInfo').find('.smImg').show();

        });

        $('.admin_cont_right').animate({
            marginLeft: 70
        }, 300);
    } else {
        $('#navOne').show();

        $('#navTwo').hide();

        $('.admin_cont_left').animate({
            width: 200
        }, 300);
        $('#LAY_app_tabs').animate({
            left: 200
        }, 100)
        $('.loginInfo').animate({
            width: 200
        }, 300, function () {
            $('.loginInfo').find('.bgImg').show();
            $('.loginInfo').find('.smImg').hide();

        });
        $('.admin_cont_right').animate({
            marginLeft: 200
        }, 300);
    }
    isNav = !isNav
});

$('#navTwo').on('click', 'li', function () {
    var index = $(this).index();
    $('#navOne').show();
    $('#navTwo').hide();

    $('.admin_cont_left').animate({
        width: 200
    }, 300);
    $('#LAY_app_tabs').animate({
        left: 200
    }, 100)
    $('.loginInfo').animate({
        width: 200
    }, 300, function () {
        $('#navOne').find('li').eq(index).addClass('layui-nav-itemed').siblings('li').removeClass('layui-nav-itemed');
        $('.loginInfo').find('.bgImg').show();
        $('.loginInfo').find('.smImg').hide();
    });
    $('.admin_cont_right').animate({
        marginLeft: 200
    }, 300);
});


function navMoveList(){
    var win_w = $('#LAY_app_tabsheader').innerWidth();
    var win_li = 0;
    var poor = 0;
    $('#LAY_app_tabsheader').children('li').each(function () {
        var w = Number($(this).innerWidth());
        win_li += w
    });
    if (win_li > win_w) {
        poor = win_li - win_w + 30;
        $('#LAY_app_tabsheader').animate({
            left: -poor
        }, 300)
    }
}


var win_w = $('#LAY_app_tabsheader').innerWidth();

$('#leftPage').on('click', function () {
    var lz =  Math.abs(parseInt($('#LAY_app_tabsheader').css('left')));
    if(lz > win_w){
        $('#LAY_app_tabsheader').animate({
            left: -(lz - win_w)
        }, 300)
    }else {
        $('#LAY_app_tabsheader').animate({
            left: 0
        }, 300)
    }
});
$('#rightPage').on('click', function () {
    var poor = 0;
    var win_li = 0;
    var ml = Math.abs(parseInt($('#LAY_app_tabsheader').css('left')));
    $('#LAY_app_tabsheader').children('li').each(function () {
        var w = Number($(this).innerWidth());
        win_li += w
    });
    if (win_li - ml > win_w) {
        var z =1;
        poor = win_li - win_w*z + 30;
        if(poor > win_w){
            z++;
            $('#LAY_app_tabsheader').animate({
                left: - ( (win_w*z)+60)
            }, 300)
        }else {
            $('#LAY_app_tabsheader').animate({
                left: - poor
            }, 300)
        }
    }
});


$(window).ready(function () {
    var win_h = Number($(window).innerHeight()) - 60;
    $('.admin_cont').height(win_h);
    $(window).resize(function () {
        var win_h = Number($(window).innerHeight()) - 60;
        $('.admin_cont').height(win_h);
    });
});


$('#navList').on('click', 'span.navSpan', function () {
    $(this).addClass('navTip').siblings().removeClass('navTip');
});


//全屏 OR 关闭

$('#fullShowBtn').on('click', function () {
    if($(this).find('.layui-icon').hasClass('layui-icon-screen-full')){
        fullscreen();
        $(this).find('.layui-icon').removeClass('layui-icon-screen-full').addClass('layui-icon-screen-restore');
    }else {
        exitFullscreen();
        $(this).find('.layui-icon').removeClass('layui-icon-screen-restore').addClass('layui-icon-screen-full');
    }
});

var fullscreen = function () {
    var elem = document.body;
    if (elem.webkitRequestFullScreen) {
        elem.webkitRequestFullScreen();
    } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
    } else if (elem.requestFullScreen) {
        elem.requestFullscreen();
    } else {
        alert('浏览器不支持全屏API或已被禁用')
    }
};

var exitFullscreen = function () {
    var elem = document;
    if (elem.webkitCancelFullScreen) {
        elem.webkitCancelFullScreen();
    } else if (elem.mozCancelFullScreen) {
        elem.mozCancelFullScreen();
    } else if (elem.cancelFullScreen) {
        elem.cancelFullScreen();
    } else if (elem.exitFullscreen) {
        elem.exitFullscreen();
    } else {
        alert('浏览器不支持全屏API或已被禁用')
    }
};


